@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
    margin: 0px;
}
input, button, ul, ol {
    margin: 0px;
    padding: 0px;
}
body, input, button, form, textarea {
    font-size: 14px;
    line-height: 28px;
    font-family: "microsoft yahei", "Arial Black";
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}
ul, ol {
    list-style: none;
}
img {
    border: 0px;
    display: block;
    margin: 0;
    padding: 0;
}
em, i, strong {
    font-style: normal;
}
button, input, select, textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}
* {
    padding: 0px;
    margin: 0px
}
div {
    margin: 0;
    padding: 0;
    border: 0;
}
p {
    margin: 0;
}
b, strong {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
    list-style: none outside none;
}
/*链接*/
a {
    text-decoration: none;
    color: #000;
    background: transparent;
    outline: none
}
a:focus {
    outline: none;
}
a:hover, a:active {
    color: #333;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
/*表单*/
form {
    margin: 0;
}
button, input, select, textarea {
    font-size: 100%; /* Correct font size not being inherited in all browsers. */
    margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button, select {
    text-transform: none;
}
input {
    line-height: normal;
    border: none;
}
/*其它*/
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
code, kbd, pre, samp {
    font-size: 1em;
}
pre {
    margin: 1em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dd {
    margin: 0;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
.clear{ clear: both;}
.no_margin{ margin: 0 0 0 0  !important;}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
.top_header{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.top_header .logo{ float: left; padding-right: 20px;}
.top_header .nav{float: left;}
.top_header .nav .action{font-weight: bold;}
.top_header .nav .nLi{width: 110px;}
.top_header .nav ul li{ text-align: center; float: left; line-height: 50px; font-size: 16px; position: relative;}
.top_header .tel{float: right;line-height: 50px; font-weight: bold; }
.top_header .tel .blue{color: #185BD1;font-size: 18px;}

.product_nav{ width: 1200px; margin: 0 auto; text-align: center; height: 110px;}
.product_nav .cur a{color: #185BD1;}
.product_nav ul{display: inline-block;}
.product_nav ul li{ border-right: 1px solid #E5E5E5; height: 100px; margin: 5px 0; float: left; padding: 0 60px;  font-size: 16px; }
.product_nav ul li .title{padding-top: 5px;}
.product_nav ul li img{width: 80%;}

.product_list_box{background: #F7F7F7; width: 100%;}
.product_list{ width: 1200px; margin: 0 auto; padding: 45px 0 65px 0;}
.product_list ul li{ float: left; width: 280px; margin-right: 20px;box-shadow: 5px 10px 10px #E7E7E7;margin-top: 20px;}
.product_list ul li .pic img{width: 100%;}
.product_list ul li .info{padding: 20px; background: #fff;line-height: 24px; font-size: 12px;}
.product_list ul li .info .title{ font-size: 16px; font-weight: bold;    padding-bottom: 5px;}
.product_list ul li .info .link{background:#185BD1;height: 1px;margin: 2px 0px; }

.about_warp{background: #f2f1f1;  width: 100%;}
.about_box{ width: 1200px; margin: 0 auto; padding: 90px 0;}
.about_box .left{ float: left; padding-right: 60px; width: 50%;}
.about_box .left .title{font-size: 30px; font-weight: bold;}
.about_box .left .title_en{width: 115px; text-align: center;}
.about_box .left .info{padding-top: 30px; line-height: 26px;}
.about_box .left .btn{ background: #185BD1;width: 125px;height: 35px;text-align: center;line-height: 35px; margin-top: 20px;}
.about_box .left .btn a{ color: #fff;}
.about_box .right{float: left;}

.news_box{ width: 1200px; margin: 0 auto; padding: 90px 0;}
.top_title{ font-size: 28px; font-weight: bold; text-align: center;}
.top_title_en{font-size: 20px;text-align: center;}
.news_box .info{ padding-top: 40px; }
.news_box .info ul li{ width: 31%; padding-right: 2%; float: left;}
.news_box .info ul li img{width: 100%;}
.news_box .info ul li .title{font-size: 18px;  padding: 15px 0;}
.news_box .info ul li .desc{line-height: 24px;}
.news_box .info ul li .time{padding-top: 15px;}

.footer_wrap{ background: #191919; width: 100%;}
.footer{ width: 1200px; margin: 0 auto; padding-top: 60px;}
.footer .youqing{ border-bottom: 1px solid #A0A0A0; padding-bottom: 30px;color: #fff; font-size: 14px;}
.footer .youqing a{ color: #fff;}
.footer .youqing .yq_link{ width: 1000px; float: left;}
.footer .youqing .yq_link ul li{ float: left; padding-right: 30px;}
.footer .youqing .lang{ float: right;}
.footer .footer_nav { padding:40px 0 90px 0; border-bottom:  1px solid #A0A0A0;}
.footer_nav .left{ float: left; width: 300px; font-size: 14px; color: #fff;}
.footer_nav .left .erweima{ float: left; padding-right: 20px;}
.footer_nav .left .info{line-height: 25px;}
.footer_nav .left .tel{color: #276DFC; font-size: 20px;}
.footer_nav .right{float: left;}
.footer_nav .right ul li{ float: left; padding: 0 23px; border-right: 1px solid #276DFC; color: #fff; font-size: 16px;}
.footer_nav .right ul li a{color: #fff;}
.footer .banquan{ color: #fff; font-size: 14px; text-align: center; padding: 5px 0;}
.footer .banquan a{color: #fff;}

.all_box_wrap{ width: 100%;background: #F7F7F7;}



#pages {
    clear: both;
    padding: 10px 0 10px;
    text-align: center;
    font: 12px 'Microsoft YaHei';
}
#pages a {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    margin-right: -1px;
}
#pages a.a1 {
    padding: 0px 12px;
    height: 24px;
    line-height: 22px;
    margin-top: 0px;
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}
#pages span {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    line-height: 22px;
    background: #5a85b2;
    border: 1px solid #5a85b2;
    color: #fff;
    text-align: center;
}
.page .noPage {
    display: inline-block;
    padding: 0px 12px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}
.pageright {
    margin-right: 40px;
}
@media (max-width : 420px) {
    #pages .prev, #pages .next {
        display: none;
    }
}

/*index info3*/
.index_info3_wrap{background-image:url(../images/index3_bg.jpg);width: 100%;}
.index_info3_box{width: 1300px; margin: 0 auto;padding: 60px 0 30px 0;}
.index_info3_box .no_pr{padding-right: 0px;}
.index_info3_box .big_pic{padding-right: 25px;float: left; width: 23%;}
.index_info3_box .big_pic img{width:100%;}
.index_info3_box .big_pic .title{color: #fff;padding-top: 10px;}
.index_info3_box .big_pic .link{background:#fff; height: 5px; width: 100%;margin: 5px 0;}
.index_info3_box .big_pic .time{color: #fff;}
.index_info3_box .big_pic .time .time_year{float: left;}
.index_info3_box .big_pic .time .shunxu{float: right;font-size: 36px;}

.jm_btn{ text-align: center;}
.bd_from{ padding-top: 50px;margin-right: 70px;}
#biaodan .layui-input-block{margin-left: 70px;}
#biaodan .layui-input{padding: 25px;}



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:40%;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#185BD1 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#185BD1 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#185BD1 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#185BD1 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#FFF;}
.yb_QQ a:hover{display:block;text-indent:54px;width:100%;height:100%;color:#FFF;}


.nav .sub{ display: none;
    width: 100px;
    left: -15px;
    top: 50px;
    position: absolute;
    background: #fff;
    line-height: 26px;
    padding: 5px 0;
    z-index: 99;
    width: 136px;  }
.nav .sub li{ zoom:1; width: 100%; text-align: center; }
.nav .sub a{ display:block; margin:0 10px;    }
.nav .sub a:hover{   color:#6d6d6d;  }